html,body{
    height: 100%;
}

/* animation */
.fade-enter {
    opacity:0;
}
.fade-leave{
opacity:1;
}
.fade-enter-active{
transition:opacity .2s;
}
.fade-leave-active{
opacity:0;
transition:opacity .2s;
} 

.router {
    transition: all .8s ease;
    position: absolute;
    width: 100%;
    min-height: 100%;
}
.slide-left-enter,
.slide-right-leave-active {
    -webkit-transform: translate(100%, 0);
    transform: translate(100%,0);
}
.slide-left-leave-active,
.slide-right-enter {
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%,0)
}

.container {
    width: 690px;
    margin: 0 auto;
}

.next-step {
    width: 100%;
    position: absolute;
    bottom: 0;
    padding: 50px 5%;
}
.next-step.scroll {
    position: relative;
}
.next-step .van-button {
    height: 90px;
    background-color: #6c52fb;
    color: #fff;
    border-radius: 6px;
    line-height: 88px;
}

.show-detail {
    background-color:#6c52fb;
    width: 50px;
    height: 40px;
    font-size: 24px;
    color: #fff;
    margin-left: 10px;
    line-height: 38px;
}

